<%@ page import="java.text.SimpleDateFormat" %>
<%@ page import="java.util.Date" %><%--
  Created by IntelliJ IDEA.
  User: 13972
  Date: 2020/6/22
  Time: 15:26
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <meta name="description" />
    <meta name="keywords" />
    <title>填写订单</title>
    <link href="images/style.css" rel="stylesheet" type="text/css" />
    <link type="text/css" rel="stylesheet" href="https://img02.hua.com/pc/assets/css/common.css">
    <link type="text/css" rel="stylesheet" href="https://img02.hua.com/pc/assets/css/public_2020.css">
    <link rel="stylesheet" type="text/css" href="https://img02.hua.com/res/iconfont/iconfont.css?v2" />
    <link rel="stylesheet" type="text/css" href="https://img02.hua.com/pc/css/pc_order_20200107.css?0527">
    <link rel="stylesheet" type="text/css" href="https://img02.hua.com/pc/css/mycoupon.css">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script>
        function tishi() {
            alert('订单已提交，请您耐心等待发货');

        }
    </script>
</head>
<body>
<section class="order-main" style="border-top:1px solid #E9ECF0;">
    <div class="container">
        <div class="row clearfix">
            <div class="col-md-12 column">

                <h1 class="text-center text-info">
                    荔 子 网 上 花 店
                </h1>
            </div>
        </div>
        <div class="row clearfix">
            <div class="col-md-12 column">
                <ul class="nav nav-tabs">
                    <li>
                        <a href="index.html">首页</a>
                    </li>
                    <li>
                        <a href="gouwuche.html">我的购物车</a>
                    </li>
                    <li>
                        <a href="wodedingdan.html">我的订单</a>
                    </li>
                    <li>
                        <a href="wodexinxi.html">我的信息</a>
                    </li>

                </ul>

            </div>
        </div>
    <div class="order-container" >
        <!-- 收货人信息 -->
        <form class="form-horizontal" role="form" method="post" action="<c:url value="/wodedingdan.html"/>">
            <c:forEach items="${userss}" var="users">
            <div class="order-item" style="position:relative;margin-top:24px;">
                <h3 class="order-item-hd">收货人信息</h3>
                <!-- 没有地址记录 -->
                <div class="order-item-content" id="receiverAddress">
                    <div class="order-item-li">
                        <label class="order-item-title" for="ToName">收货人</label>
                        <input class="order-item-input" placeholder="请输入收货人姓名" type="text" id="ToName" name="ToName" maxlength="15" autocomplete="off" value="${users.name}">
                    </div>
                    <div class="order-item-li">
                        <label class="order-item-title" for="ToMobile">手机号码</label>
                        <input class="order-item-input" placeholder="请输入收货人手机号码" type="text" id="ToMobile" name="ToMobile" maxlength="11" autocomplete="off" value="${users.phone}">
                    </div>
                    <div class="order-item-li">
                        <label class="order-item-title" for="ToPlace">地址</label>
                        <input class="order-item-input" placeholder="请输入收货人所在地址" type="text" id="ToPlace" name="ToPlace" maxlength="40" autocomplete="off" value="${users.address}">
                    </div>
                </div>
            </div>
            </c:forEach>


            <!-- 核对购物清单 -->
            <div class="order-item order-item-border-bottom order-item-line">
                <h3 class="order-item-hd">核对购物清单</h3>
                <div class="order-item-product-list">
                    <div class="order-item-product-li">


                        <table class="table table-hover col-sm-12">
                            <thead>
                            <tr>
                                <th class="btn-info btn-lg ">
                                    商品名称
                                </th>
                                <th class="btn-info btn-lg ">
                                    价格
                                </th>
                                <th class="btn-info btn-lg ">
                                    数量
                                </th>


                            </tr>
                            </thead>
                            <tbody>
                            <c:forEach items="${gouwuches}" var="gouwuche">
                                <tr>
                                    <td>${gouwuche.mingcheng}</td>
                                    <td>${gouwuche.jiage}</td> <!--单个商品的价格 -->
                                    <td>${gouwuche.xiaoliang}</td>
                                </tr>
                            </c:forEach>
                            </tbody>

                        </table>

                    </div>

                </div>


                <div class="order-item-footer">
                    <div class="order-item-footer-left"></div>
                    <div class="order-item-footer-right">

                        <div class="order-item-footer-pay">
                            应付:<span class="pay-price " id="payMoney">${zongjia}</span>


                            <%--                        <button class="pay-btn" id="pay_btn" onclick="goPay.paySubmit();">提交订单</button>--%>
                            <input type="submit" value="提交订单" onclick="tishi()" class="pay-btn" >

                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    </div>
</section>
</body>
</html>
